<html>

<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>个人中心</title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="stylesheet" type="text/css" href="${staticpath}/front/dist/css/sm.css">
    <link rel="stylesheet" type="text/css" href="${staticpath}/front/dist/css/sm-extend.css">
    <link rel="stylesheet" type="text/css" href="${staticpath}/front/dist/css/master.css">
    <link rel="stylesheet" type="text/css" href="${staticpath}/front/dist/css/base.css">
    <link rel="stylesheet" type="text/css" href="${staticpath}/front/dist/css/base.css">
    <link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_961uouwh7c9b2o6r.css">
    <style>
        .list-block.media-list .item-title{font-size: 16px;margin-bottom: 6px;}
        .list-block.media-list .item-subtitle{font-size: 14px;color: #ffffff;}
        #information-me .information{float: left;height:60px;margin-top: 54px; }
        #information-me .sign{float: right;height:60px;margin-top: 44px;color: #fff; }
        .item-inner .item-after{font-size: 14px;}
        /*页面重构*/
        .info-list{background: #fff;margin-top: 7px;}
        .list-item{ position: relative; height: 40px;line-height: 40px; padding: 0 45px 0 15px;font-size: 14px; border-bottom: 1px solid #dadada;width: 100%;display: block;}
        .list-item .list-icon{display: inline-block;width: 20px;height: 20px;text-align: center;margin-right: 6px;}
        .list-item .list-icon img{display: inline-block;vertical-align: middle;}
        .list-item:after{position: absolute;top: 12px;right: 15px; content: '';display: block;width: 8px;height: 16px;background: url('${staticpath}/front/dist/images/right.png') no-repeat;}
        .nlist-block{font-size: 0;}
        .nlist-block a{ display: inline-block;width: 25%;padding: 17px 0;line-height:1;text-align: center;vertical-align: top;font-size: 12px;text-align: center;}
        .nlist-block a p{margin: 0;}
        .nlist-block  .img-wrap{width: 35px;height: 35px;line-height: 35px;margin: 0 auto;}
        .nlist-block  .img-wrap img{display: inline-block}
        .list-right{position: absolute;right: 45px;top: 50%;line-height: 1;transform: translateY(-50%);-webkit-transform:translateY(-50%);color: #999; }
        .bar{  position: fixed;}
    </style>
</head>

<body>
<div class="page">
    <!--头部部分 !-->
    <div class="content person-content" id="person-content">
        <div class="card information-card">
            <div class="card-content">
                <div class="list-block media-list">
                    <ul>
                        <li class="item-content" id="information-me">
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <#--信息列表-->
        <div class="info-list" id="orderBlock">
            <a class="list-item" href="${basepath}/front/order/toOrderList">我的订单</a>
            <div class="nlist-block">
                <a href="${basepath}/front/order/toOrderList?type=init">
                    <div class="img-wrap">
                        <img src="${staticpath}/front/dist/images/order-1.png" alt=""/>
                    </div>
                    <p>待付款</p>
                </a>
                <a href="${basepath}/front/order/toOrderList?type=pass">
                    <div class="img-wrap">
                        <img src="${staticpath}/front/dist/images/order-2.png" alt=""/>
                    </div>
                    <p>待发货</p>
                </a>
                <a href="${basepath}/front/order/toOrderList?type=send">
                    <div class="img-wrap">
                        <img src="${staticpath}/front/dist/images/order-3.png" alt=""/>
                    </div>
                    <p>待收货</p>
                </a>
                <a href="${basepath}/front/order/toOrderList?type=finish">
                    <div class="img-wrap">
                        <img src="${staticpath}/front/dist/images/order-4.png" alt=""/>
                    </div>
                    <p>已完成</p>
                </a>
            </div>
        </div>

        <div class="info-list">
            <a class="list-item apply-identify" data-vurl="${basepath}/front/account/toAccountEdit" data-ourl="${basepath}/front/account/toOrganizeEdit">
                <span class="list-icon">
                    <img  src="${staticpath}/front/dist/images/vip.png" alt=""/>
                </span>
                <span>认证申请</span>
                <span class="list-right" id="status">待认证</span>
            </a>
            <a class="list-item ">
                <span class="list-icon">
                  <img src="${staticpath}/front/dist/images/note.png" alt=""/>
                </span>
                <span>公益日记</span>
            </a>
            <a class="list-item ">
                <span class="list-icon">
                  <img src="${staticpath}/front/dist/images/clock.png" alt=""/>
                </span>
                <span>公益时间</span>
                <span class="list-right">0时0分</span>
            </a>
            <a class="list-item " href="${basepath}/front/account/toAccountOfflineList">
                <span class="list-icon">
                  <img src="${staticpath}/front/dist/images/star.png" alt=""/>
                </span>
                <span id="activity-name">我发布的活动</span>
            </a>
            <a class="list-item " href="${basepath}/front/account/toMySub">
                <span class="list-icon">
                  <img src="${staticpath}/front/dist/images/home.png" alt=""/>
                </span>
                <span>我的机构</span>
            </a>
            <a class="list-item "href="${basepath}/front/account/toAccountRank">
                <span class="list-icon">
                  <img src="${staticpath}/front/dist/images/chanpin.png" alt=""/>
                </span>
                <span>排行榜</span>
            </a>
            <a class="list-item "href="${basepath}/front/account/toSet">
                <span class="list-icon">
                  <img src="${staticpath}/front/dist/images/set.png" alt=""/>
                </span>
                <span>设置</span>
            </a>
        </div>
        <#--<div class="card order-card">-->
            <#--<div class="card-header allOrder-card">-->
                <#--<div class="list-block">-->
                    <#--<ul>-->
                        <#--<li>-->
                            <#--<a href="${basepath}/front/order/toOrderList" class="item-link item-content">-->
                                <#--<div class="item-inner">-->
                                    <#--<div class="item-title">我的订单</div>-->
                                <#--</div>-->
                            <#--</a>-->
                        <#--</li>-->
                    <#--</ul>-->
                <#--</div>-->
            <#--</div>-->
        <#--</div>-->
        <#--<div class="card tool-card">-->
            <#--<div class="card-header">-->
                <#--<div class="list-block">-->
                    <#--<ul>-->
                        <#--<li>-->
                            <#--<a href="#" class="item-link item-content apply-identify" data-vurl="${basepath}/front/account/toAccountEdit" data-ourl="${basepath}/front/account/toOrganizeEdit">-->
                                <#--<div class="item-inner">-->
                                    <#--<div class="item-title">认证申请</div>-->
                                    <#--<div class="item-after" id="status">未认证</div>-->
                                <#--</div>-->
                            <#--</a>-->
                        <#--</li>-->
                        <#--<li>-->
                            <#--<a href="#" class="item-link item-content">-->
                                <#--<div class="item-inner">-->
                                    <#--<div class="item-title">公益日记</div>-->
                                <#--</div>-->
                            <#--</a>-->
                        <#--</li>-->
                    <#--</ul>-->
                <#--</div>-->
            <#--</div>-->
            <#--<div class="card-header">-->
                <#--<div class="list-block">-->
                    <#--<ul>-->
                        <#--<li>-->
                            <#--<a href="#" class="item-link item-content">-->
                                <#--<div class="item-inner">-->
                                    <#--<div class="item-title">公益时间</div>-->
                                    <#--<div class="item-after">0小时0分钟</div>-->
                                <#--</div>-->
                            <#--</a>-->
                        <#--</li>-->
                    <#--</ul>-->
                <#--</div>-->
            <#--</div>-->
        <#--</div>-->
        <#--<div class="card tool-card">-->
            <#--<div class="card-header volunteer-door">-->
                <#--<div class="list-block">-->
                    <#--<ul>-->
                        <#--<li>-->
                            <#--<a href="${basepath}/front/account/toAccountOfflineList" class="item-link item-content">-->
                                <#--<div class="item-inner">-->
                                    <#--<div class="item-title">我的活动</div>-->
                                <#--</div>-->
                            <#--</a>-->
                        <#--</li>-->
                    <#--</ul>-->
                <#--</div>-->
            <#--</div>-->
            <#--<div class="card-header organize-door">-->
                <#--<div class="list-block">-->
                    <#--<ul>-->
                        <#--<li>-->
                            <#--<a href="${basepath}/front/account/toMyIssue" class="item-link item-content">-->
                                <#--<div class="item-inner">-->
                                    <#--<div class="item-title">我发布的活动</div>-->
                                <#--</div>-->
                            <#--</a>-->
                        <#--</li>-->
                    <#--</ul>-->
                <#--</div>-->
            <#--</div>-->
        <#--</div>-->
        <#--<div class="card tool-card">-->
            <#--<div class="card-header">-->
                <#--<div class="list-block">-->
                    <#--<ul>-->
                        <#--<li>-->
                            <#--<a href="${basepath}/front/account/toMySub" class="item-link item-content">-->
                                <#--<div class="item-inner">-->
                                    <#--<div class="item-title">我的机构</div>-->
                                <#--</div>-->
                            <#--</a>-->
                        <#--</li>-->
                    <#--</ul>-->
                <#--</div>-->
            <#--</div>-->
        <#--</div>-->
        <#--<div class="card tool-card">-->
            <#--<div class="card-header">-->
                <#--<div class="list-block">-->
                    <#--<ul>-->
                        <#--<li>-->
                            <#--<a href="${basepath}/front/account/toAccountRank" class="item-link item-content">-->
                                <#--<div class="item-inner">-->
                                    <#--<div class="item-title">排行榜</div>-->
                                <#--</div>-->
                            <#--</a>-->
                        <#--</li>-->
                        <#--<li>-->
                            <#--<a href="${basepath}/front/account/toSet" class="item-link item-content">-->
                                <#--<div class="item-inner">-->
                                    <#--<div class="item-title">设置</div>-->
                                <#--</div>-->
                            <#--</a>-->
                        <#--</li>-->
                    <#--</ul>-->
                <#--</div>-->
            <#--</div>-->

        <#--</div>-->
    <#--</div>-->
    <!--工具栏!-->
    <nav class="bar bar-tab" id="tool-bar">
        <a class="tab-item external " href="/toHome">
            <span class="iconfont icon-shouye"></span>

            <p class="tab-label">首页</p>
        </a>
        <a class=" tab-item love-external" href="${basepath}/front/offline/toOfflineList" id="loveBtn">
            <span class="iconfont icon-huodong"></span>

            <p class="tab-label">活动</p>
        </a>
        <a class="tab-item external" href="${basepath}/front/catalog/toMallList">
            <span class="iconfont iconfont icon-shangcheng"></span>

            <p class="tab-label">商城</p>
        </a>
        <a class="tab-item external active" href="${basepath}/front/account/toAccountList">
            <span class="iconfont icon-wo"></span>
            <p class="tab-label">我</p>
        </a>
    </nav>
</div>
<script type='text/javascript' src='${staticpath}/front/dist/js/lib/zepto.js' charset='utf-8'></script>
<script>

    $.config = {
        router: false
    }
</script>
<script type='text/javascript' src='${staticpath}/front/dist/js/lib/sm.js' charset='utf-8'></script>
<script type='text/javascript' src='${staticpath}/front/dist/js/lib/sm-extend.js' charset='utf-8'></script>
<script type="text/javascript" src="${staticpath}/front/dist/js/me.js"></script>
<script>
    $.init();
</script>
</body>

</html>
